<template>
  <van-row class="tabbar">
    <van-col span="10" class="tabbar-a">
      <span class="tabbar-a-a">全部</span>
      <span class="tabbar-a-b">午餐</span>
      <span class="tabbar-a-b">晚餐</span>
    </van-col>
    <van-col span="14" class="tabbar-b">
      <span></span>
      <span>七天菜单</span>
    </van-col>
  </van-row>
</template>

<script>
export default {
  name: 'TabBar'
}
</script>

<style>
.tabbar {
padding: 15px 15px 0px 15px;
}

.tabbar-a {
  display: flex; 
  justify-content: space-between; 
  font-size: 20px;
  font-weight: bold;
}

.tabbar-b {
  display: flex; 
  justify-content: space-between; 
}

.tabbar-a-a {
  ]}

</style>